/* @override 
	http://localhost:4020/static/sproutcore/en/_cache/icons-1208151762.css
	http://localhost:4020/static/sproutcore/en/_cache/icons-1208151807.css
*/

/* @group General */

.sc-icon {
	background-image: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png');
}

/* @end */

/* @group 48-Pixel Icons */

.sc-icon-alert-48 {
	width: 48px;
	height: 48px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') left top;
}

.sc-icon-info-48 {
	width: 48px;
	height: 48px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') left -48px;
}

.sc-icon-error-48 {
	width: 48px;
	height: 48px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') left -96px;
}


/* @end */

/* @group 24-Pixel Icons */

.sc-icon-tools-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -144px;
}

.sc-icon-bookmark-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -144px;
}

.sc-icon-info-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -168px;
}

.sc-icon-help-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -0px -192px;
}

.sc-icon-alert-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -192px;
}

.sc-icon-left-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -216px;
}

.sc-icon-right-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -216px;
}

.sc-icon-up-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -240px;
}

.sc-icon-down-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -240px;
}

.sc-icon-undo-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -264px;
}

.sc-icon-redo-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -264px;
}

.sc-icon-group-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -288px;
}

.sc-icon-user-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -288px;
}

.sc-icon-cancel-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -312px;
}

.sc-icon-options-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -312px;
}

.sc-icon-folder-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -336px;
}

.sc-icon-trash-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -336px;
}

.sc-icon-document-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') 0px -360px;
}

.sc-icon-favorite-24 {
	width: 24px;
	height: 24px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -24px -360px;
}

/* @end */

/* @group 16-Pixel Icons */

.sc-icon-bookmark-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -16px -384px;
}

.sc-icon-info-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -32px -384px;
}

.sc-icon-help-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -16px -400px;
}

.sc-icon-alert-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -32px -400px;
}

.sc-icon-group-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -0px -448px;
}

.sc-icon-user-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -16px -448px;
}

.sc-icon-options-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -0px -464px;
}

.sc-icon-folder-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -16px -464px;
}

.sc-icon-trash-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -32px -464px;
}

.sc-icon-document-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -0px -480px;
}

.sc-icon-favorite-16 {
	width: 16px;
	height: 16px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/shared-icons.png') -16px -480px;
}

/* @end */






/* @group TEST RESULTS */

.testlog {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  background: #fefefe url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/bottom-edge.png') repeat-x left bottom;
  
}

.testlog .logsummary {
  text-align: center ;
  font-size: 20px;
  padding: 4px ;
  padding-top: 6px;
  background-color: #fefefe;
  border-top: 1px #ccc solid ;
}

.testlog table {
  width: 95%;
  border: none ;
  border-spacing: 0;
  border-collapse: collapse ;
  margin: 10px;
  margin-top: 0;
  margin-left: auto ;  
  margin-right:  auto ;
  border: 1px #aaa solid ;
}

.testlog table th {
	border-bottom: 1px #aaa solid ;
	background-color: #f5f5f5;
}

.testlog table td {
  background-color: white ;
  border: none ;
  margin: 0;
  padding: 4px;
}

.testlog table .passed td {
  color: #445e3c;
	background-color: #e0ffe4;
}

.testlog table .failed td {
  color: #fefff8;
	background-color: #d30000;
}

.testlog .error td {
  color: #b10000;
  background-color: #f9aca2;
}

/* @end */


/* @group Core */

.menu-pane {
	position: absolute ;
	top:  0 ;
	left:  0;
	width: 100%;
	height: 100%;
}

.menu-pane .pane-root {
	position: relative ;
}

.sc-theme .pane.menu-pane .shadow {
	background: white ;
	background: rgba(255,255,255,.80) ;
	position: absolute ;
}

.menu-pane ul.menu {
	list-style-type: none ;
	margin: 0;
	padding: 4px 0;
	background-color: transparent;
	position: relative ;
}

.menu-pane li.menu-item {
	margin:  0;
	padding:  1px 0 ;
	position:  relative ;
	display: block ;
}

.menu-pane li.menu-item a:active,
.menu-pane li.menu-item a:focus {
	outline: none ;
}

.menu-pane li.menu-item a {
	display: block ;
	text-decoration: none ;
	color:  black ;
	margin: 0;
	position: relative ;
}

.menu-pane li.menu-item.active a {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -67px;
	color:  white ;
	border-top-width: 1px;
	border-top-color: #a9a9a9;
}

.menu-pane li.menu-item.disabled a,
.menu-pane li.menu-item.disabled:hover a {
	color: #888;
	color: rgba(127,127,127,0.64);
	background: transparent;
}
 
.menu-pane li.menu-item .inner {
	display: block ;
	line-height: 1;
	padding: 4px 0px 3px 24px;
	margin: 0;
}

.menu-pane li.menu-item a img {
	border: none ;
	vertical-align: middle ;
	position: relative ;
	top: -1px;
	width: 16px;
	height: 16px;
	margin: -2px 0 ;
	padding-right: 4px;
}

.menu-pane li.menu-item.disabled a img {
	opacity: .50;
	-moz-opacity: .50 ;
}

.menu-pane li.menu-item .shortcut {
	position: absolute ;
	right: 0;
	top:  0;
	padding: 3px 16px;
	padding-left: 16px;
	text-align: right ;
}

.menu-pane li.menu-item a span.sel,
.menu-pane li.menu-item a span.mixed {
	position: absolute ;
	left: 0;
	top:  0;
	padding: 3px 6px;
	padding-right: 0 ;
	display: none ;
	text-align: center ;
	width: 8px;
	font-size: 13px ;
}

.menu-pane li.menu-item a span.mixed {
	font-weight: bold ;
	padding-top: 1px;
}

.menu-pane li.menu-item.sel a span.sel,
.menu-pane li.menu-item.mixed a span.mixed {
	display: block ;
}

/* @end */


/* @override http://localhost:4020/static/sproutcore/en/_cache/panes-1206750928.css */

/* @group Core */

#panes {
	position: absolute ;
	position: fixed ;
	z-index: 100 ;
	overflow: hidden ;
	top:  0;
	left:  0;
	width: 100%;
	height: 100%;
}

.sc-theme #panes .pane-wrapper h1 {
	font-size: 16px;
	margin:  0;
	padding: 0;
}

.sc-theme #panes .pane-wrapper p {
	margin: 8px 0;
}

.sc-theme #panes .pane-wrapper .buttons {
	text-align: right ;
	margin-left: -20px;
	margin-right: -20px;
	padding-right: 20px;
	padding-left: 20px;
}

.sc-theme .pane .shadow {
	position: relative ;
	border: none ;
	background: #e8e8e8 url('') repeat-x left -1px; 
	border-top: 1px #ddd solid;
}

.sc-theme .pane .shadow .top-right-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/top-right-corner.png') ;
	position: absolute ;
	width: 5px;
	height: 9px;
	top: -6px;
	right: -5px;
}

.sc-theme .pane .shadow .top-left-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/top-left-corner.png') ;
	position: absolute ;
	width: 5px;
	height: 9px;
	top: -6px;
	left: -5px;
}

.sc-theme .pane .shadow .bottom-left-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/bottom-left-corner.png') ;
	position: absolute ;
	width: 10px;
	height: 5px;
	bottom: -5px;
	left: -5px;
}

.sc-theme .pane .shadow .bottom-right-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/bottom-right-corner.png') ;
	position: absolute ;
	width: 10px;
	height: 5px;
	bottom: -5px;
	right: -5px;
}

.sc-theme .pane .shadow .top-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/top-edge.png') repeat-x ;
	position: absolute ;
	height: 4px;
	top: -5px;
	left: 0;
}

.sc-theme .pane .shadow .bottom-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/bottom-edge.png') repeat-x ;
	position: absolute ;
	height: 5px;
	bottom: -5px;
	right: 5px;
	left: 5px;
}

.sc-theme .pane .shadow .left-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/left-edge.png') repeat-y ;
	position: absolute ;
	width: 5px;
	top: 3px;
	bottom: 0px;
	left: -5px;
}

.sc-theme .pane .shadow .right-edge {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/right-edge.png') repeat-y ;
	position: absolute ;
	width: 5px;
	top: 3px;
	bottom: 0px;
	right: -5px;
}

/* @end */

/* @group Panels */

.sc-theme .panel-pane,
.sc-theme .dialog-pane {
	position: absolute ;
	top: 0;
	left:  0;
	width: 100%;
	height: 100%;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/panels/overlay.png') repeat;
}

.sc-theme .panel-pane .pane-wrapper,
.sc-theme .dialog-pane .pane-wrapper {
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px 24px;
}

/* @end */



/* @override 
	http://localhost:4020/static/sproutcore/en/_cache/core-1207528979.css
	http://localhost:4020/static/sproutcore/en/_cache/core-1207680408.css
	http://localhost:4020/static/sproutcore/en/_cache/core-1208585577.css
*/

/* =============================================
   Core Styles
   
   These styles are required by various views.  You should keep these in your views even if you write your own theme.
*/

.sc-hide-overflow * {
  overflow: hidden !important;
}

/* @group SC.Drag */

.sc-ghost-view {
  	position: absolute;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	opacity: 0.45;
	-moz-opacity: .45 ;
	z-index: 1000000;
	cursor: default ;
}

/* @end */

/* @group SC.ScrollView */

.sc-scroll-view {
	overflow:  hidden;
	position: relative;
}

.sc-scroll-view.sc-scroll-vertical {
	overflow-y: auto ;
}

.sc-scroll-view.sc-scroll-horizontal {
	overflow-x: auto ;
}

/* Always absolutely position children of a scroll view since the scroll view will lay them out. */
.sc-scroll-view > * {
	position: absolute ;
}

/* @end */


/* @group SC.CollectionView */

.sc-collection-view .sc-collection-item {
	cursor: pointer ;
	position: absolute ;
}

/* @end */

/* @group SC.ListItemView */

.sc-list-item-view {
  overflow: hidden;
}

.sc-list-item-view .sc-icon {
	width: 16px;
	height: 16px;
	vertical-align: middle ;
	position: relative ;
	top:  -1px;
	margin-right: 5px;
}

.sc-list-item-view .sc-count {
	position: absolute  ;
	right: 3px ;
	margin-right: 2px;
}

.sc-list-item-view .sc-branch {
	position: absolute;
	display:  block;
	right: 0;
	width: 14px;
	top: 0;
}

.sc-list-item-view.sc-has-branch .sc-count {
	right: 14px;
}

.sc-list-item-view .sc-label {
  text-overflow: ellipse;
}

/* @end */

/* @group SC.SourceListView */

.sc-source-list-group .sc-source-list-label.no-disclosure img {
	display:  none ;
}

/* @end */

/* @group SC.SplitView */

.sc-split_view > * {
  position: absolute ;   
}

.sc-split-view.horizontal .sc-split-divider-view {
	cursor: ew-resize;
}

.sc-split-view.vertical .sc-split-divider-view {
	cursor: ns-resize;
}

/* @end */

/* @group SC.InlineTextFieldView */

.sc-inline-text-field-view {
	position: absolute ;
	z-index: 10000000;
	padding: 0;
	margin: 0;
}

/* sizer needs to be able to resize
   vertically so that we can compute the
   new size for the text. */
.sc-inline-text-field-view .sizer {
	position: absolute;
	left:  0;
	top:  0;
	width: 100%;
}

.sc-inline-text-field-view .inner-field {
	position: absolute ;
	left: 0;
	top:  0;
	width: 100%;
	height:  100%;
	border: none ;
	overflow:  hidden ;
	resize: none;
}

/* @end */





/* @group Segmented Tab View */

.tab.segmented {
	border-top: 1px #aaa solid ;
	margin-top: 20px;
	padding-top:  6px;
}

.tab.segmented .segments {
	position: relative ;
	top: -18px;
	height: 10px;
	text-align: center;
}

.tab.segmented .root {
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 10px;
}

/* @end */
/* @override http://localhost:4020/static/sproutcore/en/_cache/buttons-1208588621.css */

/* @group Button Core */

a.sc-button-view:active,
a.sc-button-view:focus {
	outline: none ;	
}

a.sc-button-view {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
  cursor: default;
	text-decoration: none ;
	color: black ;
	border: none ;
	padding: 0;
	margin: 0;
}

a.sc-button-view img {
	border: none ;
}

/* @end */

/* @group regular */

/* @group basic */

a.regular {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 13px;
	height: 22px;
	min-width: 32px;
	padding-right: 20px;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px ;
}

a.regular img {
	position: absolute ;
	top: 3px;
	left: 12px;	
}

a.regular span.button-inner {
	display: block ;
	height: 22px;
	position: relative ;
	max-height: 22px;
}

a.regular span.label {
 	display: block ;
	text-align: center;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
	margin-left: 20px;
	text-shadow: #f0f0f0 0px 1px 0px;
}

a.regular.image span.label {
	padding-left: 12px;
	margin-right: -2px;
}

/* @end */

/* @group disabled */

.sc-theme.blur a.regular,
.sc-theme.focus a.regular.disabled {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -496px;
}

.sc-theme.blur a.regular span.button-inner,
.sc-theme.focus a.regular.disabled span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -450px;
}

.sc-theme.blur a.regular span.label, 
.sc-theme.focus a.regular.disabled span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0 -473px;
	color: #999;
	text-shadow: none ;
}


.sc-theme.blur a.regular.sel, 
.sc-theme.blur a.regular.def, 

.sc-theme.focus a.regular.sel.disabled, 
.sc-theme.focus a.regular.def.disabled {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -289px;
}

.sc-theme.blur a.regular.sel span.button-inner,
.sc-theme.blur a.regular.def span.button-inner,

.sc-theme.focus a.regular.sel.disabled span.button-inner,
.sc-theme.focus a.regular.def.disabled span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -243px;
}

.sc-theme.blur a.regular.def span.label, 
.sc-theme.blur a.regular.sel span.label, 

.sc-theme.focus a.regular.def.disabled span.label, 
.sc-theme.focus a.regular.sel.disabled span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0 -266px;
	color: #999;
	text-shadow: none ;
}

/* @end */

/* @group enabled */

.sc-theme a.regular {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat right -358px;
}

.sc-theme a.regular span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -312px;
}

.sc-theme a.regular span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -335px;
}

/* @end */

/* @group sel - def */

.sc-theme a.regular.sel, 
.sc-theme a.regular.def {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -151px;
}

.sc-theme a.regular.sel span.button-inner, 
.sc-theme a.regular.def span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -105px;
}

.sc-theme a.regular.sel span.label, 
.sc-theme a.regular.def span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0 -128px;
	text-shadow: #dabec6 0px 1px 0px;
}

/* @end */

/* @group sel.active - def.active */

.sc-theme a.regular.sel.active, 
.sc-theme a.regular.def.active {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -220px;
}

.sc-theme a.regular.sel.active span.button-inner, 
.sc-theme a.regular.def.active span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -174px;
}

.sc-theme a.regular.sel.active span.label, 
.sc-theme a.regular.def.active span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0 -197px;
	text-shadow: #b884a4 0px 1px 0px;
}

/* @end */

/* @group active */

.sc-theme a.regular.active {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -427px;
}

.sc-theme a.regular.active span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -381px;
}

.sc-theme a.regular.active span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0 -404px;
	text-shadow: #b8b8b8 0px 1px 0px;
}

/* @end */

/* @group square theme */

.sc-theme .sc-square-theme a.regular,
.sc-theme .sc-square-theme a.regular.def {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat right -1150px;
} 

.sc-theme .sc-square-theme a.regular span.button-inner,
.sc-theme .sc-square-theme a.regular.def span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat left -1104px; 
} 

.sc-theme .sc-square-theme a.regular span.label,
.sc-theme .sc-square-theme a.regular.def span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0px -1127px;
	text-shadow: #dabec6 0px 1px 0px;
}

.sc-theme .sc-square-theme a.regular.sel,
.sc-theme .sc-square-theme a.regular.active {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat right -1219px;
} 

.sc-theme .sc-square-theme a.regular.sel span.button-inner,
.sc-theme .sc-square-theme a.regular.active span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat left -1173px; 
} 

.sc-theme .sc-square-theme a.regular.sel span.label,
.sc-theme .sc-square-theme a.regular.active span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0px -1196px;
	text-shadow: #b884a4 0px 1px 0px;
}

.sc-theme.blur .sc-square-theme a.regular,
.sc-theme .sc-square-theme a.regular.disabled {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat right -1288px;
} 

.sc-theme.blur .sc-square-theme a.regular span.button-inner,
.sc-theme .sc-square-theme a.regular.disabled span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat left -1242px; 
} 

.sc-theme.blur .sc-square-theme a.regular span.label,
.sc-theme .sc-square-theme a.regular.disabled span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0px -1265px;
	text-shadow: none ;
}

/* @end */


/* @end */

/* @group segments */

.sc-theme a.regular.segment.segment-inner,
.sc-theme a.regular.segment.segment-left,
.sc-theme a.regular.segment.segment-right span.button-inner,
.sc-theme a.regular.segment.segment-inner span.button-inner {
	background: none;
	padding-right: 0;
	padding-left: 0;
}

.sc-theme a.regular.segment.segment-inner,
.sc-theme a.regular.segment.segment-left {
	margin-right: 0;	
}

.sc-theme a.regular.segment.segment-inner,
.sc-theme a.regular.segment.segment-right,
.sc-theme a.regular.segment.segment-inner span.label,
.sc-theme a.regular.segment.segment-right span.label {
	margin-left: 0;	
}

.sc-theme a.regular.segment.segment-inner span.label,
.sc-theme a.regular.segment.segment-left span.label {
	padding-right: 12px;
}

.sc-theme a.regular.segment.segment-inner span.label,
.sc-theme a.regular.segment.segment-right span.label {
	padding-left: 12px;
}

.sc-theme a.regular.segment.segment-left span.label {
	margin-left: 16px;
}

.sc-theme a.regular.segment.segment-right {
	padding-right: 16px;
}

.sc-theme a.regular.segment.segment-inner,
.sc-theme a.regular.segment.segment-left {
	border-right: 1px #888 solid ;
}

.sc-theme .sc-square-theme a.regular.segment.segment-inner,
.sc-theme .sc-square-theme a.regular.segment.segment-left {
	border-right: 1px solid #625560;
}

.sc-theme .sc-square-theme a.regular.segment.segment-inner.disabled,
.sc-theme .sc-square-theme a.regular.segment.segment-left.disabled {
	border-right: 1px solid #888;
}

.sc-theme a.segment span.label {
	font-weight: normal; 
}

/* @end */

/* @group checkbox */

/* @group basic */

.sc-theme a.checkbox {
	margin-right: 4px;
	margin-left: 4px;
}

.sc-theme a.checkbox img.button {
	width: 16px;
	height: 16px;
	vertical-align: middle ;
	position: relative ;
	top: -1px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -728px;
} 

.sc-theme a.checkbox.sel img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -728px;
}

.sc-theme a.checkbox.mixed img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -744px;
}



/* @end */

/* @group disabled */

.sc-theme a.checkbox.disabled {
	color: #999;
}

.sc-theme a.checkbox.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -760px;
} 

.sc-theme a.checkbox.sel.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -760px;
}

.sc-theme a.checkbox.mixed.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -760px;
}



/* @end */

/* @group active */

.sc-theme a.checkbox.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -744px;
} 

.sc-theme a.checkbox.sel.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -728px;
}

.sc-theme a.checkbox.mixed.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -744px;
}



/* @end */

/* @end */

/* @group radio */

/* @group basic */

.sc-theme a.radio {
	margin-right: 4px;
	margin-left: 4px;
}

.sc-theme a.radio img.button {
	width: 16px;
	height: 16px;
	vertical-align: middle ;
	position: relative ;
	top: -1px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -776px;
} 

.sc-theme a.radio.sel img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -760px;
}

.sc-theme a.radio.mixed img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -776px;
}



/* @end */

/* @group disabled */

.sc-theme a.radio.disabled {
	color: #999;
}

.sc-theme a.radio.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -792px;
} 

.sc-theme a.radio.sel.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -792px;
}

.sc-theme a.radio.mixed.disabled img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -792px;
}



/* @end */

/* @group active */

.sc-theme a.radio.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -16px -776px;
} 

.sc-theme a.radio.sel.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -760px;
}

.sc-theme a.radio.mixed.active img.button {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -792px;
}


/* @end */

/* @end */

/* @group square */

/* @group basic */

.sc-theme a.square {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 13px;
	height: 23px;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px ;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat left -1104px;
 	padding-left: 8px;
}

.sc-theme a.square span.button-inner {
	display: block ;
	padding-right: 8px;
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x right -1150px;
 	margin-right: -2px;
}

.sc-theme a.square span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0px -1127px;
 	display: block ;
	text-align: center;
	padding-top: 3px;
	height: 19px;
}

/* @end */

/* @group sel - def */

.sc-theme a.square.sel, 
.sc-theme a.square.active {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -1173px;
}

.sc-theme a.square.sel span.button-inner, 
.sc-theme a.square.active span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x right -1219px;
}

.sc-theme a.square.sel span.label, 
.sc-theme a.square.active span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x right -1196px;
}

/* @end */

/* @group disabled */

.sc-theme a.square.disabled {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -1242px;
	color: #999;
}

.sc-theme a.square.disabled span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x right -1288px;
}

.sc-theme a.square.disabled span.label {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x right -1265px;
}

/* @end */


/* @end */

/* @group popup - dropdown */

/* @group basic */

.sc-theme a.popup, 
.sc-theme a.dropdown {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 13px;
	height: 22px;
	min-width: 32px;
	padding-right: 32px;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px ;
}

.sc-theme a.dropdown {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -565px;
}

.sc-theme a.popup {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -565px;
}


.sc-theme a.dropdown span.button-inner,
.sc-theme a.popup span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -519px;
	display: block ;
	height: 22px;
}

.sc-theme a.dropdown span.label,
.sc-theme a.popup span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x 0px -542px;
 	display: block ;
	font-weight: normal;
	text-align: left;
	padding-top: 3px;
	height: 19px;
	margin-left: 13px;
}



/* @end */

/* @group active */

.sc-theme a.dropdown.active {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -634px;
}

.sc-theme a.popup.active {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -634px;
}

.sc-theme a.dropdown.active span.button-inner,
.sc-theme a.popup.active span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -588px;
}

.sc-theme a.dropdown.active span.label,
.sc-theme a.popup.active span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -611px;
}

/* @end */

/* @group disabled */

.sc-theme a.dropdown.disabled,
.sc-theme.blur a.dropdown {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -703px;
}

.sc-theme.blur a.popup,
.sc-theme a.popup.disabled {
	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat scroll right -703px;
}

.sc-theme.blur a.dropdown span.button-inner,
.sc-theme.blur a.popup span.button-inner,
.sc-theme a.dropdown.disabled span.button-inner,
.sc-theme a.popup.disabled span.button-inner {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat 0 -657px;
}

.sc-theme.blur a.dropdown span.label,
.sc-theme.blur a.popup span.label,
.sc-theme a.dropdown.disabled span.label,
.sc-theme a.popup.disabled span.label {
 	background: transparent url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -680px;
 	color: #999;
}

/* @end */

/* @end */

/* @group disclosure */

/* @group basic */

.sc-theme a.disclosure {
	margin-right: 4px;
	margin-left: 4px;
}

.sc-theme a.disclosure img.button {
	width: 12px;
	height: 12px;
	vertical-align: middle ;
	position: relative ;
	top: -2px;
	background-image: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') ;
} 

.sc-theme a.disclosure .label {
	padding-left: 2px;
}

.sc-theme a.disclosure.sel img.button {
	background-position: 0px -1008px ;
}

.sc-theme a.disclosure img.button {
	background-position: -16px -1025px ;
}



/* @end */

/* @group disabled */

.sc-theme a.disclosure.sel.disabled img.button {
	background-position: 0px -1024px ;
}

.sc-theme a.disclosure.disabled img.button {
	background-position: -16px -1041px ;
}

/* @end */

/* @group active */

.sc-theme a.disclosure.sel.active img.button {
	background-position: -16px -1008px ;
}

.sc-theme a.disclosure.active img.button {
	background-position: -0px -1041px ;
}

/* @end */



/* @end */




/* @override 
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208227908.css
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208343214.css
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208497760.css
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208500445.css
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208631591.css
	http://localhost:4020/static/sproutcore/en/_cache/theme-1208633924.css
*/

/* =========================================
   SproutCore UI Theme
   
   All of the rules in this CSS file will be 
   applied only if you use the SproutCore theme.
   =========================================
*/

/* @group sc-theme */

body.sc-theme {
	font: 13px/18px Helvetica, Verdana, sans-serif;
	background-color: #f0f0f0 ;
	padding: 0px;
}

.sc-theme h1 {
	margin: 0;
	padding: 0 ;
	margin-bottom: 10px;
}

.sc-theme label {
	font-weight: bold ;
}

/* @end */

/* @group SC.ScrollView */

.sc-theme .sc-scroll-view {
	border: 1px #aaa solid;
}

/* @end */

/* @group SC.CollectionView */

.sc-theme .sc-collection-view {
	text-decoration: none ;
	color: #000;
	border-top: 1px white solid;
}

.sc-theme .sc-collection-view .sc-collection-item {
	border-top: 1px solid white;
}

.sc-theme .sc-collection-view .sel {
	background-color: #ddd;
	border-top: 1px solid #eee;
}

.sc-theme.focus .sc-collection-view.focus .sel {
	background-color: #40007e;
	color: white ;
	border-top: 1px solid #84788f;
}

/* @end */

/* @group SC.ListView */

.sc-theme .sc-list-view {
	background-color: white ;
}

.sc-theme .sc-list-view .sc-collection-item {
	display: block ;
	padding: 0 6px;
	line-height: 22px;
}

.sc-theme .list-insertion-point {
	border: 1px #4e4977 solid;
	position: absolute ;
	z-index: 1000;
}

.sc-theme .list-insertion-point .anchor {
	position: absolute ;
	width: 7px;
	height: 7px;
	left: -6px;
	top: -4px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -1040px;
}

/* @end */

/* @group SC.GridView */

.sc-theme .sc-grid-view {
	background-color: white ;
}

.sc-theme .grid-insertion-point {
	border: 1px #4e4977 solid;
	position: absolute ;
	z-index: 1000;
}

.sc-theme .grid-insertion-point .anchor {
	position: absolute ;
	width: 7px;
	height: 7px;
	left: -4px;
	top: -6px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat -32px -1040px;
}

/* @end */

/* @group SC.SourceListView */

.sc-theme .sc-source-list-view {
	background-color: #f0f0f0 ;
	border:  none ;
	color: #363636;
}

.sc-theme.focus .sc-source-list-view {
	background-color: #e6e3ef;
	color: black ;
}

.sc-theme .sc-collection-view.sc-source-list-view .sc-collection-item {
	border-top: 1px solid #f0f0f0;
	font-size: 12px;
}

.sc-theme.focus .sc-collection-view.sc-source-list-view .sc-collection-item {
	border-top: 1px solid #e6e3ef;
}

.sc-theme .sc-collection-view.sc-source-list-view .sc-collection-item.sel {
	background-color: #ddd;
	border-top: 1px solid #eee;
	font-weight: bold ;
}

.sc-theme.focus .sc-collection-view.sc-source-list-view .sc-collection-item.sel {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') 0 0px;
	color: white ;
	border-top: 1px solid #5a3f62;
}

.sc-theme .sc-source-list-view .sc-collection-item {
	padding: 0 4px 0 18px;
	line-height: 31px;
}

.sc-theme .sc-source-list-group {
  position: absolute;
}


.sc-theme .sc-source-list-group .sc-source-list-label {
	line-height: 32px;
	padding-left: 1px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold ;
}

.sc-theme .sc-collection-view .sc-source-list-group .sc-source-list-label.sel {
    background-color: transparent;
    border-top: none ;
}

.sc-theme.focus .sc-source-list-group .sc-source-list-label,
.sc-theme.focus .sc-collection-view .sc-source-list-group .sc-source-list-label.sel {
	color: #241d38;
}


/* @end */

/* @group SC.ListItemView */

.sc-theme .sc-source-list-view .sc-count {
	height: 18px;
	display: block;
	top: 6px;
	padding-left: 9px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') left -51px;
}

.sc-theme .sc-source-list-view .sc-count .inner {
	display: block ;
	padding-right: 9px;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') right -33px;
	min-width: 10px ;
	text-align: center ;
	font-weight: bold ;
	font-size: 11px;
	line-height: 19px;
	vertical-align: middle ;
	height: 18px;
	max-height: 18px;
	color: white;
}

.sc-theme .sc-source-list-view .sel .sc-count,
.sc-theme.blur .sc-source-list-view .sc-count {
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') left -87px;
}

.sc-theme .sc-source-list-view .sel .sc-count .inner,
.sc-theme.blur .sc-source-list-view .sc-count .inner {
	color: #372a3c;
	background: no-repeat url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') right -69px;
}

.sc-theme .sc-source-list-view .drop-target {
  outline: 2px purple solid;
}


/* @end */

/* @group SC.SplitView */

.sc-theme .horizontal .sc-split-divider-view {
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-ysprite.png') repeat-y 0px top;
	border-left: 1px #888 solid;
	border-right: 1px #888 solid ;
 	z-index: 5;
	width: 3px;
}

/* @end */

/* @group Root Form */

input.show-hint {
	color: #888;
}

.radio.vertical,
.radio.vertical .button.radio {
	display: block ;	
}

.radio.horizontal,
.radio.horizontal .button.radio {
	display: inline ;
}

.radio.vertical {
  text-align: left ;
}

/* @end */

/* @group sc-theme Form */

.sc-theme .invalid {
	border: 2px red solid ;
}

.sc-theme ul.errors {
	color:  red ;
	list-style-type: none ;
	font-size: 11px;
}

.sc-theme form ul.errors {
	margin:  0;
	padding: 0; 
	color: red ;
}

.sc-theme input {
	font-size: 12px; 
}

/* @end */

/* @group My Group */



/* @end */

/* @group Typical Workspace */

.sc-theme .sc-app-workspace {
	position: absolute ;
	left: 0;
	right: 0;
	top:  0;
	bottom: 0;
	overflow: auto ;
}

.sc-theme .sc-app-workspace.header {
	top:  36px;
}

.sc-theme .sc-app-workspace.footer {
	bottom: 36px;
}

.sc-theme .sc-footer {
	position: absolute ;
	bottom: 0;
	left: 0;
	right: 0;
	height: 39px;
	background:  url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -1057px;
	z-index: 10;
}

.sc-theme .sc-header {
	position: absolute ;
	top: 0;
	left: 0;
	right: 0;
	height: 39px;
	background:  url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x left -1062px;
	z-index: 10;
}

.sc-theme .sc-header > * {
	height: 23px;
	padding-top: 6px;
	padding-bottom: 6px;
	top: 2px;
}

.sc-theme .sc-footer > * {
	height: 23px;
	padding-top: 6px;
	padding-bottom: 6px;
	bottom: 0;
}

.sc-theme .sc-footer .left,
.sc-theme .sc-header .left {	
	left: 0; 
	text-align: left ;
	padding-left: 8px;
	position: absolute ;
}

.sc-theme .sc-footer .right,
.sc-theme .sc-header .right {	
	right: 0; 
	text-align: left ;
	padding-right: 15px;
	position: absolute ;
}

.sc-theme .sc-footer .center,
.sc-theme .sc-header .center {
	text-align: center ;
	margin-top: 4px;
}

.sc-theme .sc-footer .sc-label-view,
.sc-theme .sc-header .sc-label-view {
	line-height: 23px;
	font-size: 12px;
	font-weight: bold;
}

/* @end */

/* @group SC.SliderView */

.sc-theme .sc-slider-view {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: default;
	display: -moz-inline-box;
	display: inline-block;
	height: 18px;
	vertical-align: middle ;
	position: relative ;
	padding-left: 48px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat ;
}

.sc-theme.blur .sc-slider-view,
.sc-theme.focus .sc-slider-view.disabled {
	background-position: left -945px;
}

.sc-theme.focus .sc-slider-view {
	background-position: left -897px;
}

.sc-theme .sc-slider-view .outer {
	display: block;
	height: 18px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat ;
	padding-right: 48px;
	position: relative ;
}

.sc-theme.focus .sc-slider-view .outer {
	background-position: right -929px ;
}

.sc-theme.blur .sc-slider-view .outer,
.sc-theme.focus .sc-slider-view.disabled .outer {
	background-position: right -977px ;
}

.sc-theme .sc-slider-view .inner {
	display: block;
	height: 18px;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') repeat-x ;
	width: 98px;
	position: relative ;
}

.sc-theme.blur .sc-slider-view .inner,
.sc-theme.focus .sc-slider-view.disabled .inner {
	background-position: right -961px ;
}

.sc-theme.focus .sc-slider-view .inner {
	background-position: right -913px ;
}

.sc-theme .sc-slider-view .sc-handle {
	height: 18px;
	width: 18px;
	vertical-align: middle ;
	position: absolute ;
	margin-left: -9px;
	left:  50%;
	top: 0;
	background: url('http://opensocial-friendscolor.googlecode.com/svn/trunk/sproutcoretest/sproutcore/en/images/sc-theme-sprite.png') no-repeat
}

.sc-theme.focus .sc-slider-view .sc-handle {
	background-position: -24px -825px ;
}

.sc-theme.blur .sc-slider-view .sc-handle,
.sc-theme.focus .sc-slider-view.disabled .sc-handle {
	background-position: -24px -873px
}

.sc-theme.focus .sc-slider-view.active .sc-handle {
	background-position: -24px -849px ;
}

/* @end */

/* @group SC.InlineTextFieldView */

.sc-theme .sc-inline-text-field-view {
}

.sc-theme .sc-inline-text-field-view .inner-field {
	border: 1px solid #888;
	-webkit-box-shadow: #555 0px 1px 5px ;
	background-color: white ;
}

.sc-theme .sc-inline-text-field-view .inner-field.invalid {
	outline: 2px red solid;
}

/* @end */









/* @group Core */

 
.picker-pane {
	position: absolute ;
	top:  0;
	left:  0;
	width: 100%;
	height: 100%;	
}

/* @end */

/* @group Theme */

.sc-theme .picker-pane .pane-wrapper {
	padding: 11px 16px;
}

/* @end */
